import { Tabs } from 'expo-router'
import Ionicons from '@expo/vector-icons/Ionicons'

export default function TabLayout() {
	return (
		<Tabs
			screenOptions={{
				tabBarActiveTintColor: '#ffd33d', // 活跃 tabbar 颜色
				headerStyle: {
					backgroundColor: '#25292e',
				},
				headerShadowVisible: false,
				headerTintColor: '#fff', // 字体颜色
				tabBarStyle: {
					backgroundColor: '#25292e', // tabbar背景颜色
				},
			}}
		>
			<Tabs.Screen
				name="index"
				options={{
					title: 'Home',
					tabBarIcon: ({ color, focused }) => (
						<Ionicons name={focused ? 'home-sharp' : 'home-outline'} color={color} size={24} />
					),
				}}
			/>
			<Tabs.Screen
				name="about"
				options={{
					title: 'About',
					tabBarIcon: ({ color, focused }) => (
						<Ionicons
							name={focused ? 'information-circle' : 'information-outline'}
							color={color}
							size={24}
						/>
					),
				}}
			/>
		</Tabs>
	)
}
